<!DOCTYPE html>
<html lang="zh-cn">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0,user-scalable=0">
    <link rel="stylesheet" href="css/normalize.css">
    <link rel="stylesheet" href="css/common.css">
    <link rel="stylesheet" href="css/find.css">
    <script src="js/flexible.js"></script>
    <title>发现</title>
</head>

<body>
    <header class="search-content w">
        <div class="search-box">
            <span class="tx"></span>
            <input class="search" type="search" name="" id="" placeholder="搜索 “福利社”">
        </div>
    </header>
    <section class="ad-box w">
        <img src="./upload/find/pic1.png" alt="">
    </section>
    <section class="file-list w">
        <span class="tips">文件</span>
        <h3 class="tit-recFile">最近文件</h3>
        <ul class="list-content">
            <li class="list-list">
                <!-- 文件图标 -->
                <div class="icon">
                    <img src="./icon/find/word.svg" alt="">
                </div>
                <!-- 文件信息 -->
                <div class="file-info">
                    <p class="file-info-tit">超级网关试厂总结报告.docx</p>
                    <span class="file-info-date">2022-05-14&nbsp; 11.79MB</span>
                </div>
                <a class="file-look" href="#">查看</a>
            </li>
            <li class="list-list">
                <!-- 文件图标 -->
                <div class="icon">
                    <img src="./icon/find/ppt.svg" alt="">
                </div>
                <!-- 文件信息 -->
                <div class="file-info">
                    <p class="file-info-tit">2022第一季度...进度表.pptx</p>
                    <span class="file-info-date">2022-05-20&nbsp; 12.09MB</span>
                </div>
                <a class="file-look" href="#">查看</a>
            </li>
            <li class="list-list">
                <!-- 文件图标 -->
                <div class="icon">
                    <img src="./icon/find/ppt.svg" alt="">
                </div>
                <!-- 文件信息 -->
                <div class="file-info">
                    <p class="file-info-tit">2022年中总结报告.pptx</p>
                    <span class="file-info-date">2022-05-23&nbsp; 30.21MB</span>
                </div>
                <a class="file-look" href="#">查看</a>
            </li>

            <li class="list-list">
                <!-- 文件图标 -->
                <div class="icon">
                    <img src="./icon/find/zip.svg" alt="">
                </div>
                <!-- 文件信息 -->
                <div class="file-info">
                    <p class="file-info-tit">无线智能家居全系列...画册</p>
                    <span class="file-info-date">2022-05-30&nbsp; 102.52MB</span>
                </div>
                <a class="file-look" href="#">查看</a>
            </li>
            <li class="list-list">
                <!-- 文件图标 -->
                <div class="icon">
                    <img src="./icon/find/zip.svg" alt="">
                </div>
                <!-- 文件信息 -->
                <div class="file-info">
                    <p class="file-info-tit">有线智能家居全系列...画册</p>
                    <span class="file-info-date">2022-05-30&nbsp; 102.52MB</span>
                </div>
                <a class="file-look" href="#">查看</a>
            </li>
            <li class="list-list">
                <!-- 文件图标 -->
                <div class="icon">
                    <img src="./icon/find/text.svg" alt="">
                </div>
                <!-- 文件信息 -->
                <div class="file-info">
                    <p class="file-info-tit">随手记.txt</p>
                    <span class="file-info-date">2022-05-30&nbsp; 102.52MB</span>
                </div>
                <a class="file-look" href="#">查看</a>
            </li>
        </ul>
    </section>
    <footer class="footer">
        <ul>
            <li>发现</li>
            <li>文件</li>
            <li>相册</li>
            <li>笔记</li>
            <li>文档</li>
            <li>&#xe672;</li>
        </ul>
    </footer>

</body>

</html>